<!--
gbl 头部文件 html
描述: 页面的头部内容
最后修改时间：9.16/21:11
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>吃游网-会吃的旅游网</title>
    <!-- 连接一个外部样式表 -->
    <link rel="stylesheet" href="css/quote/bootstrap.css">
    <link rel="stylesheet" href="css/home/home.css">
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/footer.css">

    <script src="js/quote/jquery-3.4.1.js"></script>
    <script src="js/quote/bootstrap.js"></script>
    <script src="js/quote/hf.js"></script>
</head>
<body>
<div class="page-content">
    <div class="contain">
        <!-- 广告栏 -->
        <div class="top_four">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- 广告栏位信息 -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active" id="advertise01">

                    </div>
                    <div class="item" id="advertise02">

                    </div>
                    <div class="item" id="advertise03">

                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>

        <!-- 浏览记录 -->
        <div class="top_five">
            <div class="container looking">


            </div>
        </div>

        <!-- 热门美食模块 -->
        <div class="top_six">
            <div class="container">
                <div class="hot_eat1">
                    <div class="tab">
                        <br><br>
                        <div id="hot01" class="title"><h2>热门美食</h2></div>
                        <br>
                    </div>
                    <div class="eats_list">
                        <div class="col-lg-12 row" id="hotfood"
                             style="background: white; border-radius: 10px; padding: 30px;	 margin: 20px; box-shadow: 0 8px 16px 0 rgba(7,17,27,.3);">

                        </div>
                    </div>
                    <br><br>
                </div>
            </div>
        </div>

        <!-- 特色餐厅模块 -->
        <div class="top_sev">
            <div class="container">
                <div class="hot_eat">
                    <div class="tab">
                        <br/>
                        <div id="hot02" class="title"><h2>特色餐厅</h2></div>
                    </div>
                    <div class="eats_list">
                        <ul id="hotstore">
                            <!--                        <li data-hotelid="50101461" class="h50101461">-->
                            <!--                            <a href="" target="_blank">-->
                            <!--                                <img src="//img1.40017.cn/cn/sl/dzs-hotel/home/bj1.jpg" title="北京万达文华酒店">-->
                            <!--                            </a>-->
                            <!--                        </li>-->
                        </ul>
                        <div class="more"><a href="" target="_blank">更多美食 </a></div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
</body>
<script type="text/javascript" src="eatwebjs/home.js" charset="UTF-8"></script>
</html>

<script>
    $.ajax({
        url: "/redis/showclicked",
        dataType: "json",
        success: function (data) {
            if (data.length == 0) {
            }else {
                $('.looking').append(`
                     <div class="over_looking"><span>浏览记录</span></div>
                `)
            }
            $.each(data, function (i, dom) {
                $('.over_looking').append(
                    `
                        <div class="over_look">
                        <a href="/commodity.html?commodityId=${dom.commodityId}" style="text-decoration: none">
                            <div class="no1" style="background-color: #e4fff5 ">

                            <h1 title="" id="commodityName" style="font-size: 26px; line-height: 37px; color: #555;margin-left: 30px">${dom.commodityName}</h1>
                            <img src="${dom.pictureList[0].picture}" width="50px" height="50px" style="margin-left: 25px;float: left">
                            <h2 style="font-size: 26px; line-height: 37px; color: #555;margin-left: 90px">￥${dom.commodityPrice}</h2>
                            </a>
                        </div>

                    `)
            });
        }
    })
</script>